Merge branch 'nfc'

2 files changed, 39 insertions, 36 deletions

diff --git a/src/routes/(app)/[username]/(profile)/+layout.svelte b/src/routes/(app)/[username]/(profile)/+layout.svelte
index df9b9ad8..fe12a124 100644
--- a/src/routes/(app)/[username]/(profile)/+layout.svelte
+++ b/src/routes/(app)/[username]/(profile)/+layout.svelte
@@ -46,18 +46,20 @@
 	let toggleBio = () => (hideBio = false);
 </script>
 
-<div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap">
+<div class="container mx-auto w-full px-4 mb-4 flex flex-wrap lg:flex-nowrap space-y-5">
 	<div class="hidden lg:block w-[240px] lg:mr-10" />
-	<div class="w-[240px] lg:absolute space-y-5 left-20 mx-auto lg:mr-10 mb-10">
+	<div class="w-[240px] lg:absolute space-y-5 left-20 mx-auto lg:mr-10">
 		<h1 class="text-3xl font-bold text-center mx-auto">{display || username}</h1>
 
+    {#if subject.address}
 		<div
 			class="text-secondary mx-auto text-center lg:text-left lg:mx-0"
 			class:line-clamp-3={hideBio}
 			on:click={toggleBio}
 		>
-			{subject.address && subject.address !== 'null' ? subject.address : ''}
+    {subject.address}
 		</div>
+    {/if}
 
 		<div class="flex justify-around">
 			<a href={`/${subject.pubkey}/follows`}
@@ -80,7 +82,7 @@
 						>
 							<div class="mx-auto flex">
 								<Icon icon={'profile'} style="my-auto h-6 mr-2 invert" />
-								<div class="my-auto mt-1">{$t('user.following')}</div>
+								<div class="my-auto">{$t('user.following')}</div>
 							</div>
 						</button>
 					</div>
@@ -92,7 +94,7 @@
 						>
 							<div class="mx-auto flex">
 								<Icon icon={'profile'} style="my-auto h-6 mr-2" />
-								<div class="my-auto mt-1">{$t('user.follow')}</div>
+								<div class="my-auto">{$t('user.follow')}</div>
 							</div>
 						</button>
 					</div>
diff --git a/src/routes/(app)/[username]/(profile)/+page.svelte b/src/routes/(app)/[username]/(profile)/+page.svelte
index 0b09f85c..6e8318f7 100644
--- a/src/routes/(app)/[username]/(profile)/+page.svelte
+++ b/src/routes/(app)/[username]/(profile)/+page.svelte
@@ -81,46 +81,47 @@
 <div class="space-y-8">
 	{#if user?.id === subject.id}
 		<div>
-			<div class="flex justify-center lg:justify-start">
+			<div class="flex justify-center lg:justify-start mb-8">
 				<Balance {user} />
 			</div>
+
 			{#if !user.balance}
-				<div class="space-y-8 mt-8">
+				<div>
 					<p class="text-secondary text-lg">
           {$t("user.welcome")}
 					</p>
+				</div>
+			{/if}
 
-					<div class="flex gap-4 justify-center w-full">
-						<a href={`/${user.username}/receive`}>
-							<button
-								class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
-							>
-								<div class="mx-auto flex">
-									<Icon icon="numpad" style="my-auto h-6 mr-2 invert" />
-                  <div class="my-auto mt-1">{$t("user.requestPayment")}</div>
-								</div>
-							</button>
-						</a>
+			<div class="flex gap-4 justify-center w-full">
+				<a href={`/${user.username}/receive`}>
+					<button
+						class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60 bg-black text-white"
+					>
+						<div class="mx-auto flex">
+							<Icon icon="numpad" style="my-auto h-6 mr-2 invert" />
+              <div class="my-auto mt-1">{$t("user.requestPayment")}</div>
+						</div>
+					</button>
+				</a>
 
-						{#if user.eligible}
-							<a href={`/buy`}>
-								<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
-									<div class="mx-auto flex">
-										<!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> -->
+				{#if user.eligible}
+					<a href={`/buy`}>
+						<button class="rounded-full border py-3 px-6 font-bold hover:opacity-80 flex w-60">
+							<div class="mx-auto flex">
+								<!-- <Icon icon="plus" style="my-auto h-6 mr-2" /> -->
 
-										<img
-											src="/images/bitcoin.svg"
-											class="w-8 border-4 border-transparent mr-2"
-											alt="Bitcoin"
-										/>
-										<div class="my-auto mt-1">Buy Bitcoin</div>
-									</div>
-								</button>
-							</a>
-						{/if}
-					</div>
-				</div>
-			{/if}
+								<img
+									src="/images/bitcoin.svg"
+									class="w-8 border-4 border-transparent mr-2"
+									alt="Bitcoin"
+								/>
+								<div class="my-auto mt-1">Buy Bitcoin</div>
+							</div>
+						</button>
+					</a>
+				{/if}
+			</div>
 		</div>
 	{/if}